<template>
  <div>
    <div id="allmap"></div>
  </div>
</template>

<script>



export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  watch: {},
  computed: {},
  methods: {
    getMap() {
      // 百度地图API功能
      var map = new BMap.Map("allmap"); // 创建Map实例
      map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
      //添加地图类型控件
      map.addControl(
        new BMap.MapTypeControl({
          mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP],
        })
      );
      map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
      map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    },
  },
  created() {},
  mounted() {
      this.$nextTick(function(){
          this.getMap();
      })
  },
};
</script>

<style scoped>
#allmap{
    width: 100%;
    height: 1000px;
    background: #ddd;
}
</style>